<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<title>酒店</title>

		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
	</head>
	<body>
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					 aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a href="../index.html"><img class="navbar-brand" src="../img/c_logo2020.png" /></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right ">
						<li><a href="../index.html">首页</a></li>
						<li><a href="detail.html">酒店</a></li>
						<li><a href="list.html">旅游</a></li>
						<li><a href="#">登录</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>
		<div class="container" style="padding: 55px; 0"><img src="../img/back2.jpg" class="img-responsive" alt="Responsive image" /></div>

		<br />
		<div class="container" style="padding: 30px 0;">
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d6.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海三湘大厦 </h4>
					<p>早餐挺丰富的，环境好，服务好，疫情期间还提供洗衣服务 赞<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 120 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<div class="media col-sm-6">
				<!-- Tip：容器内元素居左 -->
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d1.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海南泉大酒店</h4>
					<p>位置在景区门口，距离景区只有50米，房间不多，但前台服务小姐姐人很好，晚上还会赠送热奶一杯，超级有爱<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 835 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<br />
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<!-- Tip：组件值多媒体对象 -->
						<img class="media-object" src="../img/d2.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海徐汇云睿酒店</h4>
					<p>早餐挺丰富的，环境好，服务好，疫情期间还提供洗衣服务 赞<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 120 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d3.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海延安饭店</h4>
					<p>位置在景区门口，距离景区只有50米，房间不多，但前台服务小姐姐人很好，晚上还会赠送热奶一杯，超级有爱<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 835 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<br />
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d4.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">云和夜泊酒店(上海国际旅游度假区店)</h4>
					<p>早餐挺丰富的，环境好，服务好，疫情期间还提供洗衣服务 赞<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 120 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d5.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海浦东丽思卡尔顿酒店 </h4>
					<p>位置在景区门口，距离景区只有50米，房间不多，但前台服务小姐姐人很好，晚上还会赠送热奶一杯，超级有爱<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 835 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<br />
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d6.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海浦东丽思卡尔顿酒店 。</h4>
					<p>早餐挺丰富的，环境好，服务好，疫情期间还提供洗衣服务 赞<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 120 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d1.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">上海浦东丽思卡尔顿酒店 </h4>
					<p>位置在景区门口，距离景区只有50米，房间不多，但前台服务小姐姐人很好，晚上还会赠送热奶一杯，超级有爱<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 835 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<br />
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d2.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">云和夜泊酒店</h4>
					<p>早餐挺丰富的，环境好，服务好，疫情期间还提供洗衣服务 赞<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 120 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d3.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">云和夜泊酒店</h4>
					<p>位置在景区门口，距离景区只有50米，房间不多，但前台服务小姐姐人很好，晚上还会赠送热奶一杯，超级有爱<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 835 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<br />
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object " src="../img/d4.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">云和夜泊酒店</h4>
					<p>早餐挺丰富的，环境好，服务好，疫情期间还提供洗衣服务 赞<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 120 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<div class="media col-sm-6">
				<div class="media-left">
					<a href="#">
						<img class="media-object" src="../img/d5.jpg" alt="...">
					</a>
				</div>
				<div class="media-body">
					<h4 class="media-heading">云和夜泊酒店</h4>
					<p>位置在景区门口，距离景区只有50米，房间不多，但前台服务小姐姐人很好，晚上还会赠送热奶一杯，超级有爱<a href="detail-page.html">[详细]</a></a></p>
					<p>阅读 835 发布时间：2018-06-21</p>
				</div>
				<hr />
			</div>
			<br />
		</div>
		<div class="container">
			<div class="row">
				<nav aria-label=".." class="col-sm-12 text-center">
					<ul class="pagination pagination-lg">
						<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>
						<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
						<li><a href="#">2 <span class="sr-only">(current)</span></a></li>
						<li><a href="#">3 <span class="sr-only">(current)</span></a></li>
						<li><a href="#">4 <span class="sr-only">(current)</span></a></li>
						<li><a href="#">5 <span class="sr-only">(current)</span></a></li>
						<li><a href="#" aria-label="Previous"><span aria-hidden="true">下一页</span></a></li>
					</ul>
				</nav>
			</div>

		</div>
		<div class="container">
			<div class="row">
				<hr/>
				<div class="col-sm-3 rborder">
					<h4>为什么选携程</h4>
					<div class="media">
						<div class="media-left">
							<a href="#">
								<img class="media-object" src="../img/pg.png" alt="...">
							</a>
						</div>
						<div class="media-body">
							<h5 class="media-heading">放心的服务</h5>
							<p>领先的服务标准 独创的保障体系</p>
						</div>
					</div>
					<div class="media">
						<div class="media-left">
							<a href="#">
								<img class="media-object" src="../img/pg2.png" alt="...">
							</a>
						</div>
						<div class="media-body">
							<h5 class="media-heading">放心的价格</h5>
							<p>具竞争力的价格 无任何隐形费用</p>
						</div>
					</div>
				</div>
				
				<div class="col-sm-3 rborder">
					<h4>旅游资讯</h4>
					<div class="media">
						<div class="media-body">
							<p>宾馆索引</p>
							<p>机票索引</p>
							<p>旅游索引</p>
							<p>邮轮索引</p>
							<p>用车索引</p>
						</div>
						<div class="media-body">
							<p>攻略索引</p>
							<p>网站导航</p>
							<p>火车票索引</p>
							<p>企业差旅索引</p>
						</div>
					</div>
				</div>
		
				<div class="col-sm-3 rborder">
					<h4>加盟合作</h4>
					<div class="media">
						<div class="media-body">
							<p></p>
							<p>分销联盟</p>
							<p>广告业务</p>
							<p>保险代理</p>
							<p>酒店加盟</p>
							<p>智慧旅游</p>
						</div>
						<div class="media-body">
							<p>友情链接</p>
							<p>企业礼品卡采购</p>
							<p>代理合作</p>
							<p>目的地及景区合作</p>
							<p>更多加盟合作</p>
						</div>
					</div>
				</div>
				<div class="col-sm-3">
					<h4>关于携程</h4>
		
					<div class="media">
						<div class="media-body">
							<p>携程热点</p>
							<p>诚聘精英</p>
							<p>隐私政策</p>
							<p>安全中心</p>
							<p>知识产权</p>
						</div>
						<div class="media-body">
							<img src="../img/er_ctrip_wechat.jpg" />
							<p>扫一扫领旅游福利</p>
						</div>
					</div>
				</div>
			</div>
			<p class="text-center">Copyright © 2016-2018 ICP 备888888号</p>
			<p class="text-center"><img src="img/timg.jpg" class="text-center" />沪公网备31234567891011号</p>
		</div>
		<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> -->
		<script src="../js/jquery-2.1.0.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>
	</body>
</html>
